<template>
  <div>
    <h3>User Posts</h3>
    <p>List of posts goes here...</p>
  </div>
</template>

<script>
export default {
  name: 'UserPosts',
  mounted() {
    console.log('posts mounted')
  },
  activated() {
    console.log('posts activated')
  },
  deactivated() {
    console.log('posts deactivated')
  },
  destroyed() {
    console.log('posts destory')
  }
}
</script>
